
*{
	color:#252733;
}
page{
	background-color: #F4F5F7;
}
.zflex{
	display: flex;
}
.tzwrap{
	display: flex;
	align-items: center;
	background: #EBF3FE;
	padding:2px 10px;
	font-size: 13px;
	color:#83878E;
	border-radius: 16px;
}

.baseCon{
	background: #fff;
	width: 704rpx;
	padding:12.5px;
	margin-left: 12px;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.log-iptw{
	display: flex;
	align-items: center;
	text-align: left;
	background: #F4F5F9;
	border-radius: 27px;
	padding:0 24rpx;
	height:88rpx;
	margin-top: 46rpx;
	image{
		width:48rpx;
		height:48rpx;
		margin-right: 18rpx;
	}
	.ipt{
		margin-right: auto;
	}
	.rig{
		position: absolute;
		right:45px;
		color:#4475EE;
	}
}

.bottombtn{
	background:#4475EE;
	height: 44px;
	color:#fff;
	width: 49%;
	text-align: center;
	line-height: 44px;
	border-radius: 4px;
}
.homeTop{
	width: 100%;
	height: 400rpx;
	position: relative;
}
.homeImg{
	width: 100%;
	height: 400rpx;
	position: absolute;
	top:0;
}
.homeTitle{
	width: 100%;
	box-sizing: border-box;
	padding:0 32rpx;
	height: 104rpx;
	background: #F4F5F7;
	display: flex;
	align-items: center;
	margin-top: -32rpx;
	z-index: 2;
	position: relative;
	border-radius: 16px 16px 0 0;
}
.homeTitle .t1{
	font-size: 16px;
	font-weight: 500;
	margin-right: auto;
}
.jiao{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.homeWrap, .homeWrapTui{
	background: #fff;
	width: 704rpx;
	padding:2px;
	margin-left: 12px;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 12px;
}
.homeWrapTui{
	background: linear-gradient(90deg, #E95F54 0%, #EF945E 100%);
}
.tjyz{
	color: #fff;padding:7px 12px;font-size: 16px;font-weight: 500;
}
.hview{
	background: #fff;
	border-radius: 8px;
	padding:16px 12px;
}
.same-w{
	width: 100%;
	display: flex;
	box-sizing: border-box;
}
.item-title{
	color: #252733;
	font-size: 17px;
	font-weight: 500;
}
.same-lef{
	width: 520rpx;
	margin-right: auto;
}
.distance-w{
	display: flex;
	background: #EBF3FE;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	padding:5rpx 0 5rpx 6rpx;
	margin-top: 4px;
}
.distance-w image{
	width: 8px;
	height: 8px;
}
.distance-w .txt{
	color: #4E5969;
	width: 90rpx;
	text-align: center;
	font-size: 10px;
}
.youx{
	width: 60px;
	height: 18px;
}
.tagyou, .tagqi{
	background: #FEEDEB;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: 11px;
	margin-left: 6px;
	color: #F75039;
}
.tagqi{
	color: #3683F6;
	background: #E1ECFE;
}
.mtxt1{
	color: #FD5E36;
	font-size: 13px;
	font-weight: 500;
}
.mtxt2{
	color: #FD5E36;
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
}
.mtxt3{
	color: #4E5969;
	font-size: 13px;
	font-weight: 500;
}
.mtxt4{
	font-size: 13px;
	color: #4E5969;
	margin-left: 6px;
}
.oilbtn{
	width: 120rpx;
	height:56rpx ;
	line-height: 56rpx;
	color: #fff;
	background: #F75039;
	font-size: 12px;
	text-align: center;
	border-radius: 14px;
}
.shenBor{
	display: flex;
	padding: 2px 6px;
	align-items: center;
	gap: 16px;
	border-radius: 4px;
	color: #F75039;
	font-size: 12px;
	margin-top: 4px;
	border: 1px solid #F75039;
}
.hideBg{
	width: 100%;
	background: #F4F5F7;
	border-radius: 16px 16px 0 0;
	height: 20px;
	margin-top: -19px;
	position: relative;
	z-index: 2;
}
.roundImg{
	width: 24px;
	height: 24px;
}
.roundtxt{
	font-size: 10px;
}
.monB-w{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}
.monBox{
	width: 25%;
	font-size: 16px;
	height: 88rpx;
	line-height: 88rpx;
	text-align: center;
	background: #F7F8FC;
	border-radius: 8px;
}
.monBoxIpt{
	display: flex;
	align-items: center;
	width: 444rpx;
	text-align: left;
	margin-right: auto;
}
.monBoxIpt-lef{
	color: #7A7E9B;
	font-size: 16px;
	font-weight: 500;
	padding:0 12px;
}
.rigMon{
	color: #7A7E9B;
	font-size: 16px;
}
.detail-lef{
	color: #83878E;
	font-size: 15px;
	margin-right: auto;
}
.detail-rig{
	font-size: 15px;
	font-weight: 500;
}
.yhbox{
	display: flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	border-radius: 15px;
	background: #FFF3EB;
	color: #ff6c1e;
}
.fix-bom{
	display: flex;
	box-sizing: border-box;
	padding:0 16px;
	width: 100%;
	background: #fff;
	gap: 16px;
	position: fixed;
	bottom: 0;
	height: 64px;
	align-items: center;
}
.btn-pay{
	width: 104px;
	height: 44px;
	border-radius: 22px;
	background: #FF6C1E;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pay-t1{
	font-size: 12px;
	color: #ED3B3B;
	font-weight: 500;
}
.pay-t2{
	font-size: 20px;
	color: #ED3B3B;
	font-weight: 500;
}
.monBoxwid10{
	width: 100%;
	text-align: left;
	display: flex;
	padding: 0 12px;
	box-sizing: border-box;
	align-items: center;
}
.monBoxwid10 image{
	width: 20px;
	height: 20px;
}
.zdyPopWrap{
	padding:12px;
}
.zdypopTit{
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	padding:2px 0 12px 0;
}
.zdypopClose{
	position: absolute;
	right:12px;
}
.btomWrap {
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 20rpx 24rpx;
	width: 100%;
	align-items: center;
	justify-content: center;
	background: #fff;
	z-index: 96;
	box-sizing: border-box;
}
.bgpay_s{
	height: 72px;
	display: flex;
	align-items: center;
	padding:0 12px;
	box-sizing: border-box;
	background: linear-gradient(90deg, #FFF 0%, #FFF5F2 100%);
	border-radius:8px 8px 0 0;
}
.bgpay_s image{
	width: 48px;
	height: 48px;
}
.copyImg{
	width: 18px;
	height: 18px;
}
.copyTxt{
	color: #83878E;
	margin-left: 4px;
}
.bh-box{
	display: flex;
	border-radius: 8px;
	background: #F5F9FC;
	padding:10px 12px;
	margin-top: 16px;
}
.oilImg{
	width: 68px;
	height: 68px;
	margin-right: 12px;
}
.oil-tl{
	color: #83878E;
	font-size: 13px;
}
.oil-tr{
	font-size: 13px;
}
.btn-100{
	width: 100%;
}
.nav-selion{
	height: 88rpx;
	background: #fff;
	display: flex;
	align-items: center;
}
.shai{
	font-size: 15px;
}
.shaiImg{
	width: 20px;
	height: 20px;
	margin-right: 12px;
}
.oilIcon{
	width: 20px;
	height: 20px;
	margin-right: 2px;
}
.colorDai{
	color: #FF6C1E;
}
.colorno{
	color:#83878E;
}
.zline{
	height: 1px;background: #F4F5F7;margin:12px 0;
}
.btnJ{
	display: flex;
	padding: 6px 24px;
	align-items: center;
	gap: 10px;
	border-radius: 14px;
	background: #FF6C1E;
	font-size: 12px;
	color: #fff;
}
.btnJ2{
	display: flex;
	padding: 6px 24px;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	border-radius: 14px;
	border: 0.5px solid #FF6C1E;
	color: #FF6C1E;
}
.bg-img{
	width:100%;
	position: fixed;
	z-index: 1;
}
.odicon{
	width: 24px;
	height: 24px;
	margin-right: 6px;
}
.zcenter{
	align-items: center;
}
.zleft{
	font-size: 15px;
	margin-right: auto;
}
.zrigt{
	font-size: 15px;
}
.btnKong{
	height: 40px;
	line-height: 40px;
	border-radius: 22px;
	border: 1px solid #E5E6EB;
	text-align: center;
	font-size: 16px;
}
.btnKong2{
	width: 100%;
	color: #FF6C1E;
	border: 1px solid #FF6C1E;
}
.remark-box{
	background: #F7F8FC;padding:12px;border-radius: 8px;
	margin-top: 12px;
}
.timeq{
	width: 60px;
	height: 48rpx;
	border-radius: 22px;
	text-align: center;
	line-height: 48rpx;
	border: 1px solid #E5E6EB;
	color: #83878E;
	background: #fff;
}
.timeSel{
	background: #4475EE;
	border: 1px solid #4475EE;
	color: #fff;
}
.timeRang{
	border: 1px solid #E5E6EB;
	box-sizing: border-box;
	border-radius: 22px;
	overflow: hidden;
	height: 28px;
	display: flex;
	align-items: center;
}
.popbom1{
	border-radius: 22px;
	background: #fff;
	border: 1px solid #4475EE;
	color: #4475EE;
}
.popbom2{
	border-radius: 22px;
}
.rzhead{
	background: #F0F4FE;
	padding: 14px 0;
	justify-content: center;
	display: flex;
	border-radius: 8px;
}
.rzItem{
	text-align: center;
}
.rzhline{
	width: 150px;
	height: 1px;
	background: #D5D5D5;
	margin-top: 12px;
}
.rzhlineS{
	background: #4475EE;
}
.rzyuan{
	width:18px;
	height: 18px;
	border-radius: 18px;
	line-height: 18px;
	background:#D9D9D9;
	color: #86909C;
	font-size: 12px;
	display: inline-block;
}
.rzyuanS{
	background:#4475EE ;
	color: #fff;
}
.rztxt{
	color: #86909C;
	margin-top: 4px;
}
.rztxtS{
	color:#4475EE ;
}
.rzTitle{
	color: #86909C;
	font-weight: 500;
	padding:12px 0 4px 12px;
}
.zrzBox-w{
	background: #fff;
	padding:0 12px;
}
.zbox-formItem{
	display: flex;
	padding:10px 0;
	min-height: 30px;
	border-bottom: 1px solid #EDEDED;
	align-items: center;
}
.formItem-lef{
	margin-right: auto;
}
.timer-p{
	color:rgb(153, 153, 153);
	font-size: 14px;
}
.iconkf{
	width: 20px;
	height: 20px;
}
.txtkf{
	color: #4475EE;
	font-size: 13px;
}
.zjDes{
	width: 328rpx;
	color: #4E5969;
	font-size: 12px;
	text-align: center;
	margin-top: 8px;
}
.rzImg{
	width: 328rpx;
	height: 200rpx;
	margin-top: 12px;
}
.selPupop{
	width: 306px;
	background: #fff;
	padding:12px;
	padding-bottom: 100px;
	height: 100vh;
	overflow: auto;
	box-sizing: border-box;
	position: relative;
}
.popTitlew{
	display: flex;
	align-items: center;
	padding-top: 12px;
}
.popTitLef{
	margin-right: auto;
	font-weight: bold;
}
.selpopCon{
	display: flex;
	flex-wrap: wrap;
}
.selfoot-wrap{
	// position: fixed;
	// bottom:0;
	width: 276px;
	height:64px;
	display: flex;
	align-items: center;
	background: #fff;
	z-index: 9;
}
.selfoot-btn{
	height: 44px;
	line-height: 44px;
	background: #fff;
	color:#4475EE;
	border: 1px solid #4475EE;
	border-radius: 4px;
	width:108px;
	text-align: center;
	box-sizing: border-box;
}
.selfoot-btn2{
	background:#4475EE;
	color:#fff;
	width:155px;
}
.conwidth{
	background: #F4F5F9;
	height: 32px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	color: #83878E;
	justify-content: center;
	border-radius: 4px;
	margin-top: 12px;
	font-size: 12px;
}
.conwidth input{
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	// text-align: left;
}
.conwidth50{
	width:46%;
	margin-right: 4%;
}
.conwidth33{
	width: 30%;
	margin-right: 3.3%;
}
.zpoplineWrap{
	height: 32px;display: flex;align-items: center;margin:12px;margin-top: 12px;
}
.zpoplineItem{
	width:24px;height: 1px;background: #CCCCCC;
}

.rqLabel{
	width: calc(25% - 12px);
	background: #F2F3F5;
	border: 1px solid #F2F3F5;
	color: #A8AEB5;
	border-radius: 8px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	margin-bottom: 24rpx;
	margin-right: 12px;
}
.rqLabelS{
	background:#3a70f81a;
	border: 1px solid #4475EE;
	color: #4475EE;
}